body{
    height: 100vh;
    background-size: 200vh;
    }
    .hamburger {
        display: block;
    }
    
    #nav-links {
        display: none;
        width: 100%;
        flex-direction: column;
        align-items: center;
        background-color: #201E1E;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 500;
    }
    
    .buttons a {
        padding: 15px;
        width: 100%;
        text-align: center;
    }
    
    #nav-links.open {
        display: flex;
    }
    
    .imgbuttons img.button {
        width: 60vw;
        max-width: 150px;
    }
    
    
    .imgbuttons .text-in-button1,
    .imgbuttons .text-in-button2,
    .imgbuttons .text-in-button3,
    .imgbuttons .text-in-button4,
    .imgbuttons .text-in-button5 {
        font-size: 12px;
    }
    .hamburger {
        display: block;
    }
    
    #nav-links {
        display: none;
        width: 100%;
        flex-direction: column;
        align-items: center;
        background-color: #201E1E;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 500;
    }
    
    .buttons a {
        padding: 15px;
        width: 100%;
        text-align: center;
    }
    
    #nav-links.open {
        display: flex;
    }
    
    .imgbuttons img.button {
        width: 60vw;
        max-width: 150px;
    }
    
    
    .imgbuttons .text-in-button1,
    .imgbuttons .text-in-button2,
    .imgbuttons .text-in-button3,
    .imgbuttons .text-in-button4,
    .imgbuttons .text-in-button5 {
        font-size: 19px;
    }
    
    .gif {
        display: none; /* Completely hides the GIF element */
    }

    .gif, .side-gif {
        width: 90%; /* GIF enlarges to 90% of screen width */
        max-width: 500px; /* Prevent it from getting too big */
        transform: scale(1.2); /* Optionally slightly enlarge it */
        z-index: -1;
    }

    .gif-container {
        flex-direction: column;
        align-items: center;
    }

    .text-box {
        max-width: 90%;
        font-size: 16px;
        margin-top: 10px;
    }

    .clickable-image {
        width: 80%; /* Adjust the width as needed */
        max-width: 300px; /* Adjust the max-width as needed */
    }